﻿<div class="mmm">
    <div class="mmm-content">
        <ul class="mmm-list">
            <li><a href={`/${lang}/index.html`} data-title={t('nav.home')}><span>{t('nav.home')}</span></a></li>
            <li><a href={`/${lang}/about.html`} data-title={t('nav.about')}><span>{t('nav.about')}</span></a></li>
            <li><a href={`/${lang}/services.html`} data-title="Services"><span>{t('nav.services')}</span></a></li>
            <li><a href={`/${lang}/typography.html`} data-title={t('nav.typography')}><span>{t('nav.typography')}</span></a></li>
            <li><a href={`/${lang}/tabs-and-accordions.html`} data-title={t('nav.tabs')}><span>{t('nav.tabs')}</span></a></li>
            <li><a href={`/${lang}/news.html`} data-title={t('nav.news')}><span>{t('nav.news')}</span></a></li>
            <li><a href={`/${lang}/contact.html`} data-title={t('nav.contact')}><span>{t('nav.contact')}</span></a></li>
        </ul>
    </div>
    <div class="mmm-footer">
        <ul class="mmm-lang">
            <li class={lang = ='en' ?'active':''}><a href={getLocalizedPathname(url,"en")} class="hover-link" data-lang="en" data-title="English"><span>English</span></a></li>
            <li class={lang = ='zh' ?'active':''}><a href={getLocalizedPathname(url,"zh")} class="hover-link" data-lang="zh" data-title="中文"><span>中文</span></a></li>
        </ul>
    </div>
</div>